<?php
  echo $site->DOCTYPE();
?>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title><?= $page->title(); ?> | <?= $site->title() ?></title>
  <meta name="description" content="<?= $page->description(); ?>">
  <meta name="author" content="<?= $page->author(); ?>">
  <meta name="copyright" content="<?= c::get('page.copyright') ?>">
  <meta name="keywords" content="<?= $page->keywords; ?>">
  <?php echo $page->META ?>

  <link rel="shortcut icon" href="/<?= theme::$folder; ?>/images/favicon.ico">

  <link href="<?= theme::$folder.'/stylesheets/style.css' ?>" rel="stylesheet" media="all">
  <link href="<?= theme::$folder.'/stylesheets/print.css' ?>" rel="stylesheet" media="print">
  <!-- CSS: implied media=all -->
  <?php foreach( (array) $page->get( 'css' ) as $css ): ?>
  <link href="<?= $css['file']; ?>" rel="<?= $css['rel']; ?>">
  <?php endforeach; ?>
  <!-- end CSS-->

  <script src="/js/libs/modernizr-2.0.6.min.js"></script>
</head>

<body>
    <header class="site__header">
        <div class="row">
            <div class="eight columns">
                <hgroup>
                    <h1><a href="<?= url() ?>">Tyler <strong>Gordon</strong></a></h1>
                    <p>Graphic Designer &bull; Front End Web Developer</p>
                </hgroup>
                <nav class="contact-info contact-info__social">
                    <ul>
                        <li class="social__linkedin">
                            <a href="http://www.linkedin.com/pub/tyler-gordon/12/6b2/ba8" target="_blank">
                                <i class="icon-linkedin"></i>
                            </a>
                        </li>
                        <li class="social__facebook">
                            <a href="http://fb.me/tyler.gordon" target="_blank">
                                <i class="icon-facebook"></i>
                            </a>
                        </li>
                        <li class="social__twitter">
                            <a href="http://twitter.com/tyler_s_gordon" target="_blank">
                                <i class="icon-twitter"></i>
                            </a>
                        </li>
                        <li class="social__github">
                            <a href="https://github.com/tygor" target="_blank">
                                <i class="icon-github-2"></i>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div><!-- /eight.columns -->
            <div class="four columns">
                <ul class="contact-info contact-info__general">
                    <li class="contact-info__phone"><span>Mobile Phone</span><br><strong>(803) 524-5026</strong></li>
                    <li class="contact-info__email"><span>Email Address</span><br><a href="mailto:tyler@tylergordon.me"><strong>tyler@tylergordon.me</strong></a></li>
                </ul>
            </div><!-- /four.columns -->
        </div><!-- /row -->
        <div class="row">
            <div class="twelve columns">
                <nav class="site__navigation l-inline">
                    <?= module( 'liriope', 'menu', array( 'page'=>$page )); ?>
                </nav>
            </div><!-- /twelve.columns -->
        </div><!-- /row -->
    </header>

    <div class="site-content">
<?= $liriope ?>
    </div>

    <footer>
    </footer>

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery.min.js"><\/script>')</script>

  <!-- scripts concatenated and minified via ant build script-->
  <script defer src="/js/plugins.js"></script>
  <script defer src="/js/script.js"></script>
<?php foreach( (array) $page->get( 'js' ) as $script): ?>
  <script defer src="<?= $script['file']; ?>" type="<?= $script['type']; ?>"></script>
<?php endforeach; ?>
<?php foreach( (array) $page->get( 'script' ) as $block): ?>
  <script type="text/javascript" charset="UTF-8">
    <?= $block; ?>
  </script>
<?php endforeach; ?>
  <!-- end scripts-->

  <script>
    window._gaq = [['_setAccount','UA-36842217-1'],['_trackPageview'],['_trackPageLoadTime']];
    Modernizr.load({
      load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
    });
  </script>


  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->
  
</body>
</html>

